<template>
  <div>水果数量：{{ count }}<Button @click="count++">增加</Button></div>
</template>

<script setup lang="ts">
import { ref, defineOptions, onDeactivated, onMounted, onActivated } from "vue";
import Button from "../Button/Button.vue";

defineOptions({
  name: "foods",
});

onActivated(() => {
  console.log("onActivated11");
});

onMounted(() => {
  console.log("onMounted11");
});

onDeactivated(() => {
  console.log("onDeactivated11");
});

let count = ref(0);
</script>

<style scoped></style>
